.page-container {
    position: absolute;
    min-height: 100%;
    width: 100%;
    background: #f2f4f7;
    box-sizing: border-box;
}
.page-container__footer {
    padding-bottom: 172rpx;
}
.bg-white {
    background: #fff;
}
.page-border {
    border-top: 10rpx solid #f8f8f8;
}
.page-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 36rpx 30rpx 60rpx 30rpx;
    box-sizing: border-box;
    &.shadow {
        background: #fff;
        box-shadow: 0px 0px 8rpx 0px rgba(0, 0, 0, 0.19);
    }
    &.static {
        position: static;
    }
    &__tips {
        text-align: center;
        color: #999;
        font-size: 26rpx;
        padding: 20rpx 0;
    }
}
.page-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 316rpx;
    background: linear-gradient(180deg, #0c22a7, #7d69d3);
}
.page-scroll {
    //#ifdef H5
    height: calc(100vh - 64px - 50px) !important;
    //#endif
}
.page-wrapper {
    width: 750rpx;
}
.page-scroll-bg {
    background: #f2f4f7;
}
